<template>
	
	<view style="padding-top: 160rpx;"> <!-- 添加适当的 padding-top 来容纳导航条 -->
		<!-- 引入 nav-bar 组件，并传递页面标题 -->
		<back-bar :backTitle="backTitle"></back-bar> <!-- 使用 backTitle 传递标题 -->
		
		<view class="box">
			<view class="text">  根据国家税务总局规定，开具发票时，如购买方为企业， 需提供准确的纳税人识别号，以无法正常报销。</view>

			<form @submit="formSubmit">
				<view class="list">
					<view class="name">公司名称</view>
					<input class="ipt" placeholder="请输入公司名称" :focus="true" />
				</view>
				<view class="list">
					<view class="name">纳税人识别号</view>
					<input class="ipt" placeholder="请输入纳税人识别号" :focus="true" />
				</view>
				<view class="list">
					<view class="name">注册地址</view>
					<input class="ipt" placeholder="请输入纳税人识别号" :focus="true" />
				</view>

				<view class="list">
					<view class="name">注册电话</view>
					<input class="ipt" placeholder="请输入纳税人识别号" :focus="true" />
				</view>
				<view class="list">
					<view class="name">开户银行</view>
					<input class="ipt" placeholder="请输入纳税人识别号" :focus="true" />
				</view>
				<view class="list">
					<view class="name">银行账号</view>
					<input class="ipt" placeholder="请输入纳税人识别号" :focus="true" />
				</view>
				<view class="btn">
					<button form-type="submit" class="btn1">删除</button>
					<button form-type="submit" class="btn2">保存</button>
				</view>
			</form>
		</view>
	</view>
</template>

<script>
const app = getApp();
const $http = app.globalData.$http;
var config = require('../../utils/config.js');
export default {
    data() {
        return {
            picUrl: config.Config,
            array: ['全部订单', '水费', '电费', '物业费', '租金', '停车充值', '罚款'],
            index: 0,
			// 设置页面标题
			backTitle: '新增发票抬头'
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {
        formSubmit() {
            console.log('占位：函数 formSubmit 未声明');
        }
    }
};
</script>
<style>
.box {
    width: 700rpx;
    margin: 0 auto;
}

.text {
    color: rgb(72, 71, 71);
    font-size: 28rpx;
    font-weight: 400;
    margin-bottom: 80rpx;
	/* 添加首行缩进样式 */
	text-indent: 2em; 
}

button {
    margin: 10rpx 0;
    border: 1px green solid;
}

.ipt {
    /* border:1px rgb(192,192,192,192) solid; */
    width: 100%;
    height: 40px;
    background-color: rgb(235, 235, 233);
    border-radius: 10px;
    padding-left: 15px;
    box-sizing: border-box;
}

.list {
    display: flex;
    align-items: center;
    margin-top: 20rpx;
}

.list .name {
    width: 40%;
    color: rgb(72, 71, 71);
    font-size: 32rpx;
    font-weight: 290;
}
.list input {
    background: none;
    border: 1rpx solid #ddd;
}
.btn {
    width: 650rpx;
    margin: 0 auto;
    margin-top: 100rpx;
    display: flex;
    justify-content: space-between;
}
.btn1 {
    width: 310rpx;
    height: 100rpx;
    line-height: 100rpx;
    text-align: center;
    border-radius: 16rpx;
    background: none;
    color: rgb(50, 50, 50);
    font-size: 36rpx;
    border: none;
    border: 2rpx solid rgb(166, 166, 166);
}
.btn2 {
    width: 310rpx;
    height: 100rpx;
    line-height: 100rpx;
    text-align: center;
    border-radius: 16rpx;
    background: #ff6e00;
    color: #fff;
    font-size: 36rpx;
    border: none;
}
</style>
